@use './reset';

.app-container {
  padding: 5px;
  border-radius: 4px;
  background-color: var(--el-bg-color-overlay);
  width: 100%;
  height: 100vh;
}

.table-container {
  width: 100%;
  overflow-x: auto;
}

.search-container {
  padding: 5px 0 0 10px;
  margin-bottom: 1px;
  background-color: var(--el-bg-color-overlay);
}

.action-container {
  padding-bottom: 10px;
}

.vxe-grid--layout-body-content-wrapper {
  overflow: hidden !important;
}

.link-type,
.link-type:focus {
  color: #337ab7;
  cursor: pointer;

  &:hover {
    color: rgb(32 160 255);
  }
}

.search-container .el-form .el-input {
  width: 16rem !important;
}

// 工具栏右侧按钮
.vxe-tools--wrapper {
  margin-right: 10px;
}

// 日期拾取
.el-date-editor.el-input,
.el-date-editor.el-input__wrapper {
  width: auto !important;
}

// 列表图片
.table-list-image {
  width: auto;
  height: 30px;
  vertical-align: middle;
  margin: 1px;
}

// descriptions 标签宽度
.desc-label-width {
  width: 200px;
}

.button-svg-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  overflow: hidden;
  vertical-align: -0.15em;
  /* 因icon大小被设置为和字体大小一致，而span等标签的下边缘会和字体的基线对齐，故需设置一个往下的偏移比例，来纠正视觉上的未对齐效果 */
  outline: none;
  fill: #fff;
  margin-right: 8px;
}
.el-cascader {
  width: 100%;
}
